<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>{$content.name}</title>
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/head_end.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/index.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/side_bar.css" />
		<link rel="stylesheet" type="text/css" href="__ROOT__/Index/Common/css/detail.css" />
		<script type="text/javascript" src="__ROOT__/Index/Common/js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="__ROOT__/Index/Common/js/index.js"></script>
		<script type="text/javascript" src="__ROOT__/Index/Common/js/head_end.js"></script>
		<script type="text/javascript" src="__ROOT__/Index/Common/js/jquery.jqzoom.js"></script>
		<script type="text/javascript" src="__ROOT__/Index/Common/js/thumbnail.js"></script>
	</head>

	<body class="body_bg2">
		<!--<span>{$content}</span>-->
		<div class="head">
			<include file="./Index/Common/public/header.html" />
		</div>
		<div class="list_wrap">
			<div class="list_content">
				<div class="list_nav">
					<a href="__APP__/Index/index">首页</a>&gt;
					<a href="__APP__/List/index?style=女装">女装</a>&gt;
					<a href="__APP__/List/index?style=外套">外套</a>&gt;
					<a href="">风衣-大衣</a>
				</div>
				<div class="left-content">
					<div class="thumbnail">
						<div id="preview" class="spec-preview">
							<span class="jqzoom">
								<volist name='content.color_img' id='color_img' offset='0' length='1'>
									<img jqimg="{$color_img}" src="{$color_img}" width="380px" height="513px">
								</volist>
						 	</span>
						</div>
						<!-- 大图end -->
						<!-- 缩略图begin -->
						<div class="spec-scroll">
							<div class="prev"></div>
							<div class="next"></div>
							<div class="items">
								<ul>
									<volist name='content.color_img' id='color_img'>
										<li>
											<img bimg="{$color_img}" src="{$color_img}" onmousemove="preview(this);">
										</li>
									</volist>
									<volist name='content.small_img_new' id='small_img'>
										<li>
											<img bimg="{$small_img}" src="{$small_img}" onmousemove="preview(this);">{$small_img0}
										</li>
									</volist>

								</ul>
							</div>
						</div>
					</div>
					<div class="share">
						<p class="ItemStyleCode">商品编码:100112403</p>
						<span class="sc">
						<a href="javascript:void(0)">
							<span style="color: #484747;">收藏</span>
						</a>
						</span>
					</div>
				</div>
				<div class="center-content">
					<h2>{$content.name}</h2>
					<div class="LookP">
						<div class="codeshow">
							<img src="http://i2.mbscss.com/img/moonbasa2/20151209/move01.gif" alt="" class="cartoon-pic" />
							<div class="mb-p">
								<p style="margin-top: 5px;">手机便携购买</p>
							</div>
							<div class="Jqrcode">
								<img src="http://item.moonbasa.com/item/QRCodeCreate?content=http://qr.moonbasa.com/agent/qr?c=100112403%EF%BC%86cn=84758%EF%BC%86type=1%EF%BC%86adsiteid=10000007&version=5" width="100px" height="100px" />
								<a class="J_closeCode" href="javascript:void(0);"></a>
							</div>
						</div>
						<div class="price" style="margin: 5px 0 0 4px;font-family: '微软雅黑';color: #e70164;">
							<span class="leftPrice">
							<i class="renBox">¥</i><b>{$content.n_price}</b>
						</span>
							<div class="rightPrice">
								<span class="discountBox">{$content.discount}折</span>
								<span class="marketBox">¥<del>{$content.b_price}</del></span>
							</div>
						</div>
						<p class="priceBlock_dis">
							<a id="pointcom" href="#item_d_nav">评价（<span class="spSelReviewCount" style="text-decoration:underline">{$count}</span>）条</a>&nbsp;|&nbsp;梦芭莎自营</p>
						<div class="cheap">
							<i>参与优惠:</i>
							<font class="PromoteTag">满赠</font>
							<font class="PromoteName" title="该活动仅限梦芭莎自营品牌（除蒙蒂埃莫外）、梦芭莎部分发货品牌（“taylor &sage，coco+jameson，oceancurrent，astron，girlcode，janetchung”）参与，其他梦芭莎发货品牌、内衣真丝系列、商家发货品牌不可参与；">满299元送458元感恩大礼包</font>
						</div>
					</div>
					<div class="addtocart" style="display: none;">
						<div class="cart" >
				            <p class="p1">
				                该商品已成功放入购物车</p>
				            <p>
				            	<p>购物车共<b>1</b>件商品</p>
				            <p class="p2">
				                <a rel="nofollow" href="###" class="shopping">
				                    <img src="http://i2.mbscss.com/img/login/2012/06/11/nextshop.gif" alt="继续购物"></a>
				                <a rel="nofollow" href="__APP__/Order/index">
				                    <img src="http://i2.mbscss.com/img/login/2012/06/11/goshop.gif" alt="去结算"></a>
				            </p>
				        </div>
				    </div>
					<div class="color_size_num">
						<div class="color">
							<ul>
								<li class="tit">颜色</li>
								<li class="txt">
									<volist name='content.colorNew' id='color'>
										<p class="select_border">
											<a href="javascript:void(0)">
												<img src="{$color[1]}" />
											</a>
											<a href="javascript:void(0)" class="s1">{$color[0]}</a>
										</p>
									</volist>
								</li>
							</ul>
						</div>
						<div class="size">
							<ul>
								<li class="tit">尺码</li>
								<li class="txt">
									<span>
										<volist name='content.size' id='size'>
											<a href="javascript:void(0)" class="ccc">{$size}</a>
										</volist>
									</span>
								</li>
							</ul>
						</div>
						<div class="number">
							<ul>
								<li class="tit">数量</li>
								<li>
									<p>
										<i class="add"></i>
										<b id="qtynumber">1</b>
										<i class="remove"></i>
									</p>
								</li>
								<span class="xzyh">现在有货</span>
							</ul>
						</div>
					</div>
					<div class="addcart_bt_payment">
						<span id="collect" onclick="buy({$content.id})">立即购买</span>
						<span id="Addcart" onclick="joinCar({$content.id})">加入购物车</span>
					</div>
					<div class="mainland-ser">
						<ul class="ms-list">
							<li>
								<div class="mt-8">
									<img src="http://i2.mbscss.com/img/moonbasa2/20151209/16012209.png" />
									<span>7天无条件退换货</span>
								</div>
							</li>
							<li>
								<div class="mt-8">
									<img src="http://i2.mbscss.com/img/moonbasa2/20151209/16012211.png" />
									<span>满180元免运费</span>
								</div>
							</li>
							<li>
								<div class="mt-8">
									<img src="http://i2.mbscss.com/img/moonbasa2/20151209/16012213.png" />
									<span>梦芭莎发货</span>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="right-content">
					<div class="right-content-list-title">
						<span class="line_l"></span> 看了又看
						<span class="line_r"></span>
					</div>
					<div class="lb-carrier">
						<ul class="lb-con">
                            <volist name="rightList" id="right" offset="0" length="36">
                                <li>
                                    <a href="__URL__/index?id={$right.id}" style="display:block;width:120px;height:162px;text-align:center;">
                                        <img src="{$right.color_img}" style="width:120px;height:162px" />
                                    </a>
                                    <p class="jzjg">¥{$right.n_price}</p>
                                </li>
                            </volist>

						</ul>
					</div>
					<div class="togbtn">
						<div id="lb-prev" onclick="lbPrev()"></div>
						<div id="lb-next" onclick="lbNext()"></div>
					</div>
				</div>
			</div>
			<div class="main_wrapper">
				<div class="main">
					<div class="left">
						<div class="left_same">
							<div class="hotrecommend">
								<a href="###"><img alt="" src="http://i2.mbscss.com/img/moonbasa/2017/ydw/M11_21_132140.jpg" height="295px"></a>
								<a href="###"><img alt="" style="margin-bottom: 10px" src="http://i3.mbscss.com/img/moonbasa/2017/lsc/M11_21_151708.jpg?d" height="295"></a>
								<div class="CMS61bdd">
									<div class="CMS61bdd_con">
                                        <volist name="leftList" id="left" offset="0" length="2">
                                            <dl>
                                                <dt>
                                                    <a href="__URL__/index?id={$left.id}">
                                                        <img src="{$left.color_img}" height="auto">
                                                    </a>
                                                </dt>
                                                <dd>
                                                    <a href="__URL__/index?id={$left.id}">
                                                        <div class="price">
                                                            <span class="sign">¥</span>
                                                            <span class="rmb">{$left.n_price}</span>
                                                        </div>
                                                        <div class="icon">&nbsp;</div>
                                                    </a>
                                                </dd>
                                            </dl>
                                        </volist>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div id="contentBoxs" class="right">
						<div id="item_d_nav" class="goodsimp">
							<h2>
								<a class="on" id="goods_details">商品详情</a>
								<a id="bypointcom" class="">评价(<span class="spSelReviewCount">2</span>)</a>
								<a class="">如何支付</a>
								<a class="">7天无条件退货</a>
							</h2>
						</div>
						<div class="f-container">
							<!--详情-->
							<div id="content1" class="Itemtb" style="display: block">
								<div id="product_property">
									<div class="Itemtb-tl">
										<img src="http://i1.mbscss.com/img/moonbasa2/20151209/t_02.png" alt="" />
									</div>
									<div class="bodywork">
										
										<div class="p-attribute">
											<volist name='content.attributeNew' id='attribute'>
												<dl class="attrList">
													<dt>
														<p>{$attribute[0]}:</p>
													</dt>
													<dd title="直筒型">{$attribute[1]}</dd>
												</dl>
											</volist>
										</div>
									</div>
								</div>
								<div id="product_show">
									<div class="Itemtb-tl">
										<img src="http://i2.mbscss.com/img/moonbasa2/20151209/t_03.png"></div>
									<div class="bodywork">
										<!-- 商品详细图 -->
										<div class="pro_info" id="product_pic">
											<div class="sunProject">
												<div style="width:780px; margin:0 auto;vertical-align:bottom">
													<volist name="content.color_img" id="color_img">
                                                        <img alt="" src="{$color_img}" style="display: inline;" width="780" border="0">
                                                    </volist>
                                                    <volist name="content.small_img_new" id="small_img">
                                                        <img alt="" src="{$small_img}" style="display: inline;" width="780" border="0">
                                                    </volist>
                                                    <volist name="content.show_img" id="show_img">
                                                        <img alt="" src="{$show_img}" style="display: inline;" width="780" border="0">
                                                    </volist>
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_01.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_02.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i2.mbscss.com/img/moonbasa/2015/11/dss/100112403s_03.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_04.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_05.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i2.mbscss.com/img/moonbasa/2015/11/dss/100112403s_06.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_07.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_08.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i2.mbscss.com/img/moonbasa/2015/11/dss/100112403s_09.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_10.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img usemap="#Map160222103706" alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_11.jpg" style="display: inline;" width="780" border="0">-->
													<!--<map name="Map160222103706">-->
													<!--<area target="_blank" coords="137,129,351,376" shape="rect" href="###">-->
													<!--<area target="_blank" coords="464,126,669,384" shape="rect" href="###">         -->
								                    <!--</map>-->
													<!--<img alt="" src="http://i2.mbscss.com/img/moonbasa/2015/11/dss/100112403s_12.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_13.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_14.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i2.mbscss.com/img/moonbasa/2015/11/dss/100112403s_15.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_16.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_17.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i2.mbscss.com/img/moonbasa/2015/11/dss/100112403s_18.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i1.mbscss.com/img/moonbasa/2015/11/dss/100112403s_19.jpg" style="display: inline;" width="780" border="0">-->
													<!--<img alt="" src="http://i3.mbscss.com/img/moonbasa/2015/11/dss/100112403s_20.jpg" style="display: inline;" width="780" border="0">-->
												</div>
											</div>
											<!--<div class="picDetail">-->
												<!--<div class="ProductDetails">-->
													<!--<span>-->
								                                <!--<img src="http://images.moonbasa.com/lady/productlist/goods_xq/tp.jpg">-->
								                            <!--</span>-->
												<!--</div>-->
												<!--<div class="detail_destrct">-->
													<!--<span class="bigImg">-->
								                                    <!--<img src="http://images1.ing2ing.com/ProductImg/8/1204/huge/100112403-015-01-H.jpg" alt="" data-original="http://images1.ing2ing.com/ProductImg/8/1204/huge/100112403-015-01-H.jpg" style="display: inline;" width="775">-->
								                                    <!--<b></b>-->
								                                <!--</span>-->
													<!--<span class="bigImg">-->
								                                    <!--<img src="http://images2.ing2ing.com/ProductImg/8/1204/huge/100112403-009-01-H.jpg" alt="" data-original="http://images2.ing2ing.com/ProductImg/8/1204/huge/100112403-009-01-H.jpg" style="display: inline;" width="775">-->
								                                    <!--<b></b>-->
								                                <!--</span>-->
													<!--<span class="bigImg">-->
								                                    <!--<img src="http://images3.ing2ing.com/ProductImg/8/1204/huge/100112403-015-02-H.jpg" alt="" data-original="http://images3.ing2ing.com/ProductImg/8/1204/huge/100112403-015-02-H.jpg" style="display: inline;" width="775">-->
								                                    <!--<b></b>-->
								                                <!--</span>-->
													<!--<span class="smallImg">-->
								                                    <!--<img alt="" src="http://images4.ing2ing.com/ProductImg/8/1204/large/100112403-015-03-L.jpg" width="383">-->
								                                  <!---->
								                                <!--</span>-->
													<!--<span class="smallImg">-->
								                                    <!--<img alt="" src="http://images5.ing2ing.com/ProductImg/8/1204/large/100112403-009-03-L.jpg" width="383">-->
								                                  <!---->
								                                <!--</span>-->
													<!--<span class="smallImg">-->
								                                    <!--<img alt="" src="http://images6.ing2ing.com/ProductImg/8/1204/large/100112403-015-04-L.jpg" width="383">-->
								                                  <!---->
								                                <!--</span>-->
													<!--<span class="smallImg">-->
								                                    <!--<img alt="" src="http://images7.ing2ing.com/ProductImg/8/1204/large/100112403-009-04-L.jpg" width="383">-->
								                                <!---->
								                                <!--</span>-->
													<!--<span class="smallImg">-->
								                                    <!--<img alt="" src="http://images.ing2ing.com/ProductImg/8/1204/large/100112403-009-05-L.jpg" width="383">								                                  -->
								                                <!--</span>-->
												<!--</div>-->
											<!--</div>-->
										</div>
									</div>
								</div>
								<!--<div id="product_size">-->
									<!--<div class="Itemtb-tl">-->
										<!--<img src="http://i1.mbscss.com/img/moonbasa2/20151209/t_01.png" alt="" />-->
									<!--</div>-->
									<!--<div class="bodywork">-->
										<!--<div>-->
											<!--<div class="SizeReportNew">-->
												<!--<div class="ReportHeader" style="border-bottom:2px solid #e8e8e8;height:22px;margin:0px 13px 13px 13px;width:753px;">-->
													<!--<h2>试穿报告</h2>-->
												<!--</div>-->
												<!--<div class="PartB">-->
													<!--<table class="DressDataTable" id="ExtraArea0080030077zh_CNItem1" cellspacing="0" cellpadding="0">-->
														<!--<tbody>-->
															<!--<tr class="even">-->
																<!--<th name="TryMan" width="12%">试穿人员</th>-->
																<!--<th name="BodyHeight" width="11%">身高(CM)</th>-->
																<!--<th name="BodyWeight" width="11%">体重(KG)</th>-->
																<!--<th name="ShoulderWidth" width="11%">肩宽</th>-->
																<!--<th name="Bust" width="11%">胸围</th>-->
																<!--<th name="WaistLine" width="11%">腰围</th>-->
																<!--<th name="BodyType" width="11%">体型</th>-->
																<!--<th name="TryOnSize" width="11%">试穿尺码</th>-->
																<!--<th name="TryOnEffect" width="11%">效果</th>-->
															<!--</tr>-->
															<!--<tr class="odd">-->
																<!--<td name="TryMan" width="12%">ada</td>-->
																<!--<td name="BodyHeight" width="11%">166</td>-->
																<!--<td name="BodyWeight" width="11%">46kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">39</td>-->
																<!--<td name="Bust" width="11%">82</td>-->
																<!--<td name="WaistLine" width="11%">63</td>-->
																<!--<td name="BodyType" width="11%">偏瘦</td>-->
																<!--<td name="TryOnSize" width="11%">S</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
															<!--<tr class="even">-->
																<!--<td name="TryMan" width="12%">vicky</td>-->
																<!--<td name="BodyHeight" width="11%">158</td>-->
																<!--<td name="BodyWeight" width="11%">43kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">36</td>-->
																<!--<td name="Bust" width="11%">80</td>-->
																<!--<td name="WaistLine" width="11%">65</td>-->
																<!--<td name="BodyType" width="11%">偏瘦</td>-->
																<!--<td name="TryOnSize" width="11%">S</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
															<!--<tr class="odd">-->
																<!--<td name="TryMan" width="12%">yoyo</td>-->
																<!--<td name="BodyHeight" width="11%">163</td>-->
																<!--<td name="BodyWeight" width="11%">54kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">39</td>-->
																<!--<td name="Bust" width="11%">89</td>-->
																<!--<td name="WaistLine" width="11%">70</td>-->
																<!--<td name="BodyType" width="11%">标准</td>-->
																<!--<td name="TryOnSize" width="11%">M</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
															<!--<tr class="even">-->
																<!--<td name="TryMan" width="12%">vanna</td>-->
																<!--<td name="BodyHeight" width="11%">170</td>-->
																<!--<td name="BodyWeight" width="11%">55kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">40</td>-->
																<!--<td name="Bust" width="11%">89</td>-->
																<!--<td name="WaistLine" width="11%">70</td>-->
																<!--<td name="BodyType" width="11%">标准</td>-->
																<!--<td name="TryOnSize" width="11%">M</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
															<!--<tr class="odd">-->
																<!--<td name="TryMan" width="12%">zhou</td>-->
																<!--<td name="BodyHeight" width="11%">167</td>-->
																<!--<td name="BodyWeight" width="11%">60kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">39.5</td>-->
																<!--<td name="Bust" width="11%">93</td>-->
																<!--<td name="WaistLine" width="11%">75</td>-->
																<!--<td name="BodyType" width="11%">偏胖</td>-->
																<!--<td name="TryOnSize" width="11%">L</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
															<!--<tr class="even">-->
																<!--<td name="TryMan" width="12%">angel</td>-->
																<!--<td name="BodyHeight" width="11%">158</td>-->
																<!--<td name="BodyWeight" width="11%">60kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">40</td>-->
																<!--<td name="Bust" width="11%">95</td>-->
																<!--<td name="WaistLine" width="11%">79</td>-->
																<!--<td name="BodyType" width="11%">偏胖</td>-->
																<!--<td name="TryOnSize" width="11%">L</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
															<!--<tr class="odd">-->
																<!--<td name="TryMan" width="12%">loulou</td>-->
																<!--<td name="BodyHeight" width="11%">160</td>-->
																<!--<td name="BodyWeight" width="11%">63kg</td>-->
																<!--<td name="ShoulderWidth" width="11%">40</td>-->
																<!--<td name="Bust" width="11%">98</td>-->
																<!--<td name="WaistLine" width="11%">93</td>-->
																<!--<td name="BodyType" width="11%">偏胖</td>-->
																<!--<td name="TryOnSize" width="11%">XL</td>-->
																<!--<td name="TryOnEffect" width="11%">整体合体</td>-->
															<!--</tr>-->
														<!--</tbody>-->
													<!--</table>-->
													<!--<table class="sugestion" cellspacing="0" cellpadding="0" border="0">-->
														<!--<tbody>-->
															<!--<tr>-->
																<!--<th>选购建议</th>-->
																<!--<td>-->
																	<!--<div id="ExtraArea0080030077zh_CNItem5">尺寸正常，建议客户正常购买。&nbsp;</div>-->
																<!--</td>-->
															<!--</tr>-->
														<!--</tbody>-->
													<!--</table>-->
												<!--</div>-->
												<!--<div class="PartC">-->
													<!--<h3>注意事项:</h3>-->
													<!--<ul>-->
														<!--<li>1.ING2ING一律以'CM'为计算单位。</li>-->
														<!--<li>2.身高体重与尺寸没有相对的关系，165CM偏胖和175CM偏瘦的男生也许会穿同一个尺寸。</li>-->
														<!--<li>3.胸围是影响上衣尺寸选择的关键因素，建议你可以参考试衣人员的胸围选择。</li>-->
													<!--</ul>-->
												<!--</div>-->
												<!--<div class="PartDE">-->
													<!--<div class="PartD">-->
														<!--<h3>尺码表:</h3>-->
														<!--<table class="DressDataTable" id="ExtraArea0080030077zh_CNItem2" cellspacing="0" cellpadding="0">-->
															<!--<tbody>-->
																<!--<tr class="even">-->
																	<!--<th name="Size" width="20%">尺码</th>-->
																	<!--<th name="Small" width="20%">S</th>-->
																	<!--<th name="Middle" width="20%">M</th>-->
																	<!--<th name="Large" width="20%">L</th>-->
																	<!--<th name="ExtraLarge" width="20%">XL</th>-->
																<!--</tr>-->
																<!--<tr class="odd">-->
																	<!--<td name="Size" width="20%">规格</td>-->
																	<!--<td name="Small" width="20%">155/80A</td>-->
																	<!--<td name="Middle" width="20%">160/84A</td>-->
																	<!--<td name="Large" width="20%">165/88A</td>-->
																	<!--<td name="ExtraLarge" width="20%">170/92A</td>-->
																<!--</tr>-->
																<!--<tr class="even">-->
																	<!--<td name="Size" width="20%">衣长</td>-->
																	<!--<td name="Small" width="20%">44.5</td>-->
																	<!--<td name="Middle" width="20%">45.5</td>-->
																	<!--<td name="Large" width="20%">46.5</td>-->
																	<!--<td name="ExtraLarge" width="20%">47.5</td>-->
																<!--</tr>-->
																<!--<tr class="odd">-->
																	<!--<td name="Size" width="20%">胸围</td>-->
																	<!--<td name="Small" width="20%">89</td>-->
																	<!--<td name="Middle" width="20%">93</td>-->
																	<!--<td name="Large" width="20%">97</td>-->
																	<!--<td name="ExtraLarge" width="20%">101</td>-->
																<!--</tr>-->
																<!--<tr class="even">-->
																	<!--<td name="Size" width="20%">脚围</td>-->
																	<!--<td name="Small" width="20%">85</td>-->
																	<!--<td name="Middle" width="20%">89</td>-->
																	<!--<td name="Large" width="20%">93</td>-->
																	<!--<td name="ExtraLarge" width="20%">97</td>-->
																<!--</tr>-->
																<!--<tr class="odd">-->
																	<!--<td name="Size" width="20%">肩宽</td>-->
																	<!--<td name="Small" width="20%">36</td>-->
																	<!--<td name="Middle" width="20%">37</td>-->
																	<!--<td name="Large" width="20%">38</td>-->
																	<!--<td name="ExtraLarge" width="20%">39</td>-->
																<!--</tr>-->
																<!--<tr class="even">-->
																	<!--<td name="Size" width="20%">袖长</td>-->
																	<!--<td name="Small" width="20%">59</td>-->
																	<!--<td name="Middle" width="20%">60</td>-->
																	<!--<td name="Large" width="20%">61</td>-->
																	<!--<td name="ExtraLarge" width="20%">62</td>-->
																<!--</tr>-->
																<!--<tr class="odd">-->
																	<!--<td name="Size" width="20%">袖口</td>-->
																	<!--<td name="Small" width="20%">24</td>-->
																	<!--<td name="Middle" width="20%">25</td>-->
																	<!--<td name="Large" width="20%">26</td>-->
																	<!--<td name="ExtraLarge" width="20%">27</td>-->
																<!--</tr>-->
															<!--</tbody>-->
														<!--</table>-->
													<!--</div>-->
													<!--<div id="ExtraArea0080030077zh_CNItem6" class="PartE">-->
														<!--<h3>平铺尺寸:</h3>-->
														<!--<p>请注意：因测量手势不同，尺寸可能相差1-3CM。模特拍摄所穿的尺码资料仅供参考，请根据商品尺码表选择合适您的尺码。</p>-->
														<!--<img src="http://images1.ing2ing.com/images/2012_lou/0207/jiake.jpg" alt="T恤" style="display: inline;">-->
													<!--</div>-->

												<!--</div>-->

											<!--</div>-->
										<!--</div>-->
									<!--</div>-->
								<!--</div>-->
								<!--<div style="width: 790px;margin: 0 auto;">-->
									<!--<img src="http://i1.mbscss.com/img/moonbasa/2016/mobile/hxx/M11_3_152304_02.jpg" style="display: inline;" width="790px" height="282px">-->
								<!--</div>-->
							</div>
							<div id="content2" class="Itemtb" style="display: none">
								<div class="e-total">
									<div style="width: 192px">
										<p class="t" style="margin-bottom:5px;">综合好评</p>

										<table style="width:76%;margin-left:14%;">
											<tbody>
												<tr style="color:#999;">
													<th>描述</th>
													<th>服务</th>
													<th>物流</th>
												</tr>
												<tr style="line-height:16px;font-size:16px;color:#e50065;font-family:'Microsoft YaHei';">
													<td>5</td>
													<td>5</td>
													<td>5</td>
												</tr>
											</tbody>
										</table>
									</div>
									<div style="width: 280px">
										<p class="t" style="margin-bottom: 12px;">
											尺码</p>
										<ul class="e-size">
											<li class="b">
												<p class="case">
													偏大</p>
												<p id="commentL">
													0%</p>
											</li>
											<li class="o">
												<p class="case">
													合适</p>
												<p id="commentM">
													100%</p>
											</li>
											<li class="l">
												<p class="case">
													偏小</p>
												<p id="commentS">
													0%</p>
											</li>
										</ul>
									</div>
									<div class="last">
										<p class="t">
											大家都觉得</p>
										<ul class="e-shade">
											<li class="e-grade" style="left: 2%;">
											</li>
											<li class="e-grade" style="left: 25%;">
											</li>
											<li class="e-grade" style="left: 44%;">
											</li>
											<li class="e-grade" style="left: 65%;">
											</li>
											<li class="e-grade" style="left: 85%;">
												<img src="http://i2.mbscss.com/img/moonbasa2/20151209/m_03.png">
												<p style="color: #e50065">
													非常满意</p>
											</li>
										</ul>
									</div>
								</div>
								<div class="review">
									<volist name="comment" id="comment">
                                        <div class="reList">
                                            <div class="buyer">
                                                <div class="h-icon">

                                                </div>
                                                <p class="p-account">{$comment.email}</p>
                                                <p class="p-address">来自{$comment.address}</p>
                                            </div>
                                            <div class="tbcomment">
                                                <div class="describe">
                                                    <div class="c-txt">
                                                        {$comment.content}
                                                    </div>
                                                </div>
                                                <div class="c-info">
                                                    <span>2016-12-20 14:59:35</span>
                                                    <span>颜色：{$comment.color}</span>
                                                    <span>尺码：{$comment.size}</span>
                                                </div>
                                            </div>
                                        </div>
                                    </volist>
									<div class="reList">
										<div class="buyer">
											<div class="h-icon">
												<img style="height:50px;width:50px" src="http://i1.mbscss.com/img/other/UserHead/20170702/9e532342-9896-4531-a987-1a9e887ce204_source.jpeg">
											</div>
											<p class="p-account">35******40.163.com</p>
											<p class="p-address">来自广东省茂名市</p>
										</div>
										<div class="tbcomment">
											<div class="describe">
												<div class="c-txt">
													衣服有点偏小，我平时中码，这款大码刚好
												</div>
											</div>
											<div class="c-info">
												<span>2016-12-20 14:59:35</span>
												<span>颜色：杏色</span>
												<span>尺码：L</span>
												<span>身高/体重：165/43</span>
												<span>该用户认为实际尺码[偏小]</span>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div id="content3" class="Itemtb" style="display: none">
								<div class="rightItem" id="contentbox4" name="contentbox4">
									<div class="payment">
										<div><img style="display:block;margin:12px auto;" src="http://i1.mbscss.com/img/moonbasa2/20151209/htp.jpg"></div>
										<div class="htp-ti">温馨提示</div>
										<div class="htp-con">
											<p>1.以上支付方式是目前顾客在梦芭莎购物中最常见的支付方式。</p>
											<p>2.其他支付方式请登录梦芭莎“
												<a target="_blank" href="http://help.moonbasa.com/help/helpcategory.aspx?categoryid=2&amp;id=9">帮助中心</a>”查看。</p>
											<p>3.非梦芭莎发货订单不支持货到付款。</p>
										</div>
										<div class="htp-ti">梦芭莎的对比价格</div>
										<div class="htp-con">
											<p>1.<b>梦芭莎的对比价格：</b> <span>梦芭莎展示的中间未划横线价格（显示如¥799）为梦芭莎销售价，该价格是交易成交价，是您最终决定是否购买商品的依据。</span></p>
											<p>2.梦芭莎展示的中间划横线价格（显示如¥1899）为参考价，采集自品牌专柜标价、商品吊牌价或由品牌供应商提供的正品零售价；由于地区、时间的差异性和市场行情波动，品牌专柜标价、商品吊牌价可能会与您购物时展示的不一致。该价格仅供您参考。</p>
											<p>3.折扣比为梦芭莎销售价与参考价的对比（该值四舍五入后采小数点后1位，如¥799/¥1899=0.4207=4.2折），该对比值仅供您参考，不作为结算基数。</p>
										</div>
									</div>
									<div class="goodsimp" id="contentbox5" name="contentbox5">
									</div>
								</div>
							</div>
							<div id="content4" class="Itemtb" style="display: none">
								<div class="rightItem" id="contentbox5" name="contentbox5">
									<div class="returnMain">
										<img style="display:block;margin:0 auto" src="http://i2.mbscss.com/img/moonbasa2/20151209/htch.jpg">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="foot">
			<include file="./Index/Common/public/footer.html" />
		</div>
		<div class="side">
			<include file="./Index/Common/public/side_bar.html" />
		</div>
	</body>
    <span style="display: none" id="session_uid">{$uid}</span>
	<script type="text/javascript">
		//		window.onload=function(){
		//			getHeader();
		//			getFooter();
		//			getSide_bar();
		//		}
		//手机便携购
		$(".cartoon-pic").click(function() {
			$(".Jqrcode").slideDown();
		});
		$(".J_closeCode").click(function() {
			$(".Jqrcode").slideUp();
		});
		//颜色选择框
		$(".color p").click(function() {
			$(".color p").addClass('select_border');
			$(this).removeClass('select_border');
			var i = $(this).index(); //获取脚标
			$(this).addClass('selectcolor').siblings().removeClass('selectcolor'); //置换样式
		})
		//尺码选择框	
		$(".size a").click(function() {
			var i = $(this).index();
			$(this).addClass('selon').siblings().removeClass('selon');
		})
		
		
		//数量选择框 
		//加

		$(".add").click(function() {
			var n = $(this).next().text();
			var num = parseInt(n) + 1;
			if(num == 0) {
				return;
			}
			$(this).next().text(num);
		})
		//减			
		$(".remove").click(function() {
			var n = $(this).prev().text();
			var num = parseInt(n) - 1;
			if(num == 0) {
				return;
			}
			$(this).prev().text(num);
		})
		
		//商品详情切换
		$(".goodsimp h2 a").click(function() {
			$(".goodsimp h2 a").eq($(this).index()).addClass("on").siblings().removeClass('on');
			$(".Itemtb").hide().eq($(this).index()).show();
		});


		//加入购物车
		function joinCar(num){
		    var uid = $('#session_uid').html();
            if(uid==''){
		        location.href="__APP__/Login/login";
            }else{
                var color =$('.selectcolor .s1').text();
                console.log(color);
                var size = $('.size .selon').text();
                var goodsId = num;
                var goodsNum = $('#qtynumber').text();
                $.ajax({
                    type:"POST",
                    url:"__URL__/addCar",
                    data:{
                        goodsId,
                        color,
                        size,
                        goodsNum
                    },
                    dataType:"json",
                    success:function(data){
                    }
                })
            }
		}
		//立即购买
        function buy(num){
        	if($(".size a").hasClass("selon")&&$(".color p").hasClass("selectcolor")){
            var uid = $('#session_uid').html();
            if(uid==''){
                location.href="__APP__/Login/login";
            }else{
                var color =$('.selectcolor .s1').text();
                console.log(color);
                var size = $('.size .selon').text();
                var goodsId = num;
                var goodsNum = $('#qtynumber').text();
                $.ajax({
                    type:"POST",
                    url:"__URL__/addCar",
                    data:{
                        goodsId,
                        color,
                        size,
                        goodsNum
                    },
                    dataType:"json",
                    success:function(data){
                        location.href='__APP__/Order/index';
                    }
                })
            }
            }else{
            	alert("请选择颜色或者尺码");
            }
        }


		$("#Addcart").click(function(){
			//判断尺码选择
			if($(".size a").hasClass("selon")&&$(".color p").hasClass("selectcolor")){
				$(".addtocart").css("display","block");
			}else{
				alert("请选择颜色或者尺码");
			}
		})
		
//		关闭确认栏
		$(".shopping").click(function(){
			$(".addtocart").css("display","none");
		})

		function lbPrev() {
		        var Toph = $(".lb-carrier").scrollTop();
		        if (Toph == 0) {
		            return;
		        } else {
		            $(".lb-carrier").animate({ scrollTop: Toph - 585 }, 400)
		        }
		    }
	    function lbNext() {
	        var bottomh = $("#lb-con").height() - 516;
	        var Toph = $(".lb-carrier").scrollTop();
	        if (Toph == bottomh) {
	            return;
	        } else {
	            $(".lb-carrier").animate({ scrollTop: Toph + 585 }, 400)
	        }
	    }
	    
	    
	    		$.ajax({
			url:"__APP__/Order/sidecar",
			type:"post",
			dataType:"json",
			success:function(data){
				console.log(data);
				$('.sidebar .num').html(data.length);
				var html="";
				var goods_num=0;
				var price=0;
				for(var i=0;i<data.length;i++){
					var gid=data[i].goodsId;
					var siz = data[i].color;
					var col = data[i].color;
					html+='<div class="classify_item">'+
						'<div class="item_pic">'+
							'<a href="__APP__/detail/index?id='+data[i].goodsId+'"><img width="34" src='+data[i].img+' alt="" /></a>'+
						'</div>'+
						'<div class="item_des">'+
							'<p><a href="__APP__/detail/index?id='+data[i].goodsId+'">'+data[i].name+'</a></p>'+
							'<p><span class="i_size">'+data[i].size+'</span><b class="i_color">'+data[i].color+'</b></p>'+
							'<p class="del_hover">'+
								'<span onclick="del_Car('+data[i].goodsId+',$(this))" class="itemDes-del">删除</span>'+
								'<span class="font_color">￥'+data[i].n_price+'</span><span>*'+data[i].goodsNum+'</span>'+
							'</p>'+
						'</div>'+
					'</div>';
					goods_num+=~~data[i].goodsNum;
					var danjia = ~~data[i].n_price;
					var shuliang = ~~data[i].goodsNum;
					console.log(danjia,shuliang);
					var xiaoji = danjia*shuliang;
					price+=xiaoji;
					console.log(price);
				}
				$('.classify_con').html(html);
				$('.zongShu').html(goods_num);
				$('.zongjiaqian').html(price);
			}
		})
		function del_Car(gId,_this){
			var  goodsId = gId;
			console.log(goodsId);
			var size = _this.parent().parent().find('.i_size').html();
			var color = _this.parent().parent().find('.i_color').html();
			console.log(color);
			$.ajax({
				url:"__APP__/Order/delete",
				type:"post",
				dataType:"json",
				data:{
					goodsId,
					size,
					color
				},
				success:function(data){
					console.log(data);
					if(data.status==1){
						window.location.href="__APP__/Index/index";
					}
				}
			})
		}
	    
	    
	    
	</script>
		
</html>